dnd-kit でハマったところ
1. ドラッグ要素の高さ
ドラッグする要素をまとめるコンテナの高さを、ドラッグする要素＊要素数に設定しないといけない
高さ設定をミスると、
①最下要素を最上に持っていったときに変な挙動する(ブルブル震える)
②最下要素1つ手前を最上に持っていったときに変な挙動する(ブルブル震える)
最下を最上に置き換えるパターンも成り立つ
高さを微調整しながらやっていたら①②どちらかが発生する感じだった(同時に発生することはなかった)
2. モーダル上に表示するとドラッグ要素の位置がマウスとズレる
これは以下のIssueにあるようにcreatePortalを使用すれば解決した
原因としては、DragOverlayの祖先にfixedな要素がいると発生する模様